<!-- Top line begins -->
<div id="top">
    <div class="wrapper">
        <a href="/dashboard" title="" class="logo"><img src="/dashboard/images/logo.png" alt="" /></a>

        <!-- Right top nav -->
        <div class="topNav">
            <ul class="userNav">

                <li><a href="#" title="" class="search"></a></li>
                <li><a href="#" title="" class="screen"></a></li>
                <li><a href="#" title="" class="settings"></a></li>
                <li><a href="#" title="" class="logout"></a></li>
                <li class="showTabletP"><a href="#" title="" class="sidebar"></a></li>
            </ul>
            <a title="" class="iButton"></a>
            <a title="" class="iTop"></a>
            <div class="topSearch">
                <div class="topDropArrow"></div>
                <form action="/search" >
                    <input type="text" placeholder="搜索" name="topSearch" />
                    <input type="submit" value="" />
                </form>
            </div>
        </div>

        <!-- Responsive nav -->
        <ul class="altMenu">
            <li><a href="index.html" title="">Dashboard</a></li>
            <li><a href="ui.html" title="" class="exp" id="current">UI elements</a>
                <ul>
                    <li><a href="ui.html">General elements</a></li>
                    <li><a href="ui_icons.html">Icons</a></li>
                    <li><a href="ui_buttons.html">Button sets</a></li>
                    <li><a href="ui_grid.html" class="active">Grid</a></li>
                    <li><a href="ui_custom.html">Custom elements</a></li>
                    <li><a href="ui_experimental.html">Experimental</a></li>
                </ul>
            </li>
            <li><a href="forms.html" title="" class="exp">Forms stuff</a>
                <ul>
                    <li><a href="forms.html">Inputs &amp; elements</a></li>
                    <li><a href="form_validation.html">Validation</a></li>
                    <li><a href="form_editor.html">File uploads &amp; editor</a></li>
                    <li><a href="form_wizards.html">Form wizards</a></li>
                </ul>
            </li>
            <li><a href="messages.html" title="">Messages</a></li>
            <li><a href="statistics.html" title="">Statistics</a></li>
            <li><a href="tables.html" title="" class="exp">Tables</a>
                <ul>
                    <li><a href="tables.html">Standard tables</a></li>
                    <li><a href="tables_dynamic.html">Dynamic tables</a></li>
                    <li><a href="tables_control.html">Tables with control</a></li>
                    <li><a href="tables_sortable.html">Sortable &amp; resizable</a></li>
                </ul>
            </li>
            <li><a href="other_calendar.html" title="" class="exp">Other pages</a>
                <ul>
                    <li><a href="other_calendar.html">Calendar</a></li>
                    <li><a href="other_gallery.html">Images gallery</a></li>
                    <li><a href="other_file_manager.html">File manager</a></li>
                    <li><a href="other_404.html">Sample error page</a></li>
                    <li><a href="other_typography.html">Typography</a></li>
                </ul>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
</div>
<!-- Top line ends -->

<!-- Sidebar begins -->
<div id="sidebar">
<div class="mainNav">
    <div class="user">
        <a title="" class="leftUserDrop"><img src="/dashboard/images/user.png" alt="" /><span><strong>3</strong></span></a><span>Eugene</span>
        <ul class="leftUser">
            <li><a href="#" title="" class="sProfile">My profile</a></li>
            <li><a href="#" title="" class="sMessages">Messages</a></li>
            <li><a href="#" title="" class="sSettings">Settings</a></li>
            <li><a href="#" title="" class="sLogout">Logout</a></li>
        </ul>
    </div>

    <!-- Responsive nav -->
    <div class="altNav">
        <div class="userSearch">
            <form action="">
                <input type="text" placeholder="search..." name="userSearch" />
                <input type="submit" value="" />
            </form>
        </div>

        <!-- User nav -->
        <ul class="userNav">
            <li><a href="#" title="" class="profile"></a></li>
            <li><a href="#" title="" class="messages"></a></li>
            <li><a href="#" title="" class="settings"></a></li>
            <li><a href="#" title="" class="logout"></a></li>
        </ul>
    </div>

    <!-- Main nav -->
    <ul class="nav">
        <li><a href="index.html" title="" class="active"><img src="/dashboard/images/icons/mainnav/dashboard.png" alt="" /><span>Dashboard</span></a></li>
        <li><a href="ui.html" title=""><img src="/dashboard/images/icons/mainnav/ui.png" alt="" /><span>UI elements</span></a>
            <ul>
                <li><a href="ui.html" title=""><span class="icol-fullscreen"></span>General elements</a></li>
                <li><a href="ui_icons.html" title=""><span class="icol-images2"></span>Icons</a></li>
                <li><a href="ui_buttons.html" title=""><span class="icol-coverflow"></span>Button sets</a></li>
                <li><a href="ui_grid.html" title=""><span class="icol-view"></span>Grid</a></li>
                <li><a href="ui_custom.html" title=""><span class="icol-cog2"></span>Custom elements</a></li>
                <li><a href="ui_experimental.html" title=""><span class="icol-beta"></span>Experimental</a></li>
            </ul>
        </li>
        <li><a href="forms.html" title=""><img src="/dashboard/images/icons/mainnav/forms.png" alt="" /><span>Forms stuff</span></a>
            <ul>
                <li><a href="forms.html" title=""><span class="icol-list"></span>Inputs &amp; elements</a></li>
                <li><a href="form_validation.html" title=""><span class="icol-alert"></span>Validation</a></li>
                <li><a href="form_editor.html" title=""><span class="icol-pencil"></span>File uploader &amp; WYSIWYG</a></li>
                <li><a href="form_wizards.html" title=""><span class="icol-signpost"></span>Form wizards</a></li>
            </ul>
        </li>
        <li><a href="messages.html" title=""><img src="/dashboard/images/icons/mainnav/messages.png" alt="" /><span>Messages</span></a></li>
        <li><a href="statistics.html" title=""><img src="/dashboard/images/icons/mainnav/statistics.png" alt="" /><span>Statistics</span></a></li>
        <li><a href="tables.html" title=""><img src="/dashboard/images/icons/mainnav/tables.png" alt="" /><span>Tables</span></a>
            <ul>
                <li><a href="tables.html" title=""><span class="icol-frames"></span>Standard tables</a></li>
                <li><a href="tables_dynamic.html" title=""><span class="icol-refresh"></span>Dynamic table</a></li>
                <li><a href="tables_control.html" title=""><span class="icol-bullseye"></span>Tables with control</a></li>
                <li><a href="tables_sortable.html" title=""><span class="icol-transfer"></span>Sortable and resizable</a></li>
            </ul>
        </li>
        <li><a href="other_calendar.html" title=""><img src="/dashboard/images/icons/mainnav/other.png" alt="" /><span>Other pages</span></a>
            <ul>
                <li><a href="other_calendar.html" title=""><span class="icol-dcalendar"></span>Calendar</a></li>
                <li><a href="other_gallery.html" title=""><span class="icol-images2"></span>Images gallery</a></li>
                <li><a href="other_file_manager.html" title=""><span class="icol-files"></span>File manager</a></li>
                <li><a href="#" title="" class="exp"><span class="icol-alert"></span>Error pages <span class="dataNumRed">6</span></a>
                    <ul>
                        <li><a href="other_403.html" title="">403 error</a></li>
                        <li><a href="other_404.html" title="">404 error</a></li>
                        <li><a href="other_405.html" title="">405 error</a></li>
                        <li><a href="other_500.html" title="">500 error</a></li>
                        <li><a href="other_503.html" title="">503 error</a></li>
                        <li><a href="other_offline.html" title="">Website is offline error</a></li>
                    </ul>
                </li>
                <li><a href="other_typography.html" title=""><span class="icol-create"></span>Typography</a></li>
                <li><a href="other_invoice.html" title=""><span class="icol-money2"></span>Invoice template</a></li>
            </ul>
        </li>
    </ul>
</div>

<!-- Secondary nav  -->
<div class="secNav">
    <div class="secWrapper">
    <div class="secTop">
        <div class="balance">
            <div class="balInfo">Balance:<span>Apr 21 2012</span></div>
            <div class="balAmount"><span class="balBars"><!--5,10,15,20,18,16,14,20,15,16,12,10--></span><span>$58,990</span></div>
        </div>
        <a href="#" class="triangle-red"></a>
    </div>

        <!-- Sidebar buttons -->
        <ul class="fluid secNavHeader">
            <li>
                <a><span class="glyphicon glyphicon-bell"></span></a>
                <span>
                    <strong>3</strong>
                </span>
            </li>
            <li><a><span class="glyphicon glyphicon-user"></span></a></li>
        </ul>
    <div class="divider">
        <span></span>
    </div>

    </div>
    <div class="clear"></div>
</div>

</div>
<!-- Sidebar ends -->


<!-- Content begins -->
<div id="content">
<div class="contentTop">
    <span class="pageTitle"><span class="icon-screen"></span>Dashboard</span>

    <div class="clear"></div>
</div>

<!-- Breadcrumbs line -->
<div class="breadLine">
    <div class="bc">
        <ul id="breadcrumbs" class="breadcrumbs">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">UI elements</a>
                <ul>
                    <li><a href="ui.html" title="">General elements</a></li>
                    <li><a href="ui_icons.html" title="">Icons</a></li>
                    <li><a href="ui_buttons.html" title="">Button sets</a></li>
                    <li><a href="ui_custom.html" title="">Custom elements</a></li>
                    <li><a href="ui_experimental.html" title="">Experimental</a></li>
                </ul>
            </li>
            <li class="current"><a href="ui_grid.html" title="">Grid</a></li>
        </ul>
    </div>


</div>

<!-- Main content -->
<div class="wrapper">


</div>
<!-- Main content ends -->

</div>
<!-- Content ends -->

